<template>
	<view class="public345 title" :style="'background: ' + bgColor">
		{{title}}
		<slot></slot>
	</view>
</template>

<script>
	export default {
		name: "LeftBorderTitle",
		props: {
			title: {
				type: String,
				default: 'title'
			},
			bgColor: {
				type: String,
				default: '#fff'
			}
		},

		data() {
			return {

			}
		}
	}
</script>

<style scoped>
	.title {
		font-size: 28rpx;
		font-weight: 550;
		line-height: 94rpx;
		color: #333;
	}

	.title::before {
		display: inline-block;
		content: '';
		width: 8rpx;
		height: 32rpx;
		border-radius: 4rpx;
		background: #FF7803;
		margin-right: 20rpx;
		transform: translateY(8rpx);
	}
</style>
